.latest-posts {
	margin-bottom: 20px;
}
.latest-posts-content {
	background-color: var(--jj-latest-posts-bg);
	border-radius: 4px;
	overflow: hidden;
}
.latest-posts-head {
	padding: 0 20px;
	margin-bottom: 8px;
}
.latest-posts-title {
	padding: 16px 0;
	font-size: 16px;
	font-weight: none;
	line-height: 24px;
	color: var(--jj-latest-posts-title);
	border-bottom: 1px solid var(--jj-latest-posts-title-border);
}
.latest-posts-body {
	padding-bottom: 16px;
}
.latest-posts-empty,
.latest-posts-item {
	padding: 8px 20px;
}
.latest-posts-empty {
	text-align: center;
	color: var(--jj-latest-posts-empty);
}
.latest-posts-item {
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	&:hover .latest-posts-item-title {
		color: var(--jj-latest-posts-item-title-hover);
	}
}
.latest-posts-item-title {
	color: var(--jj-latest-posts-item-title);
	@include multi-line(2);
}
.latest-posts-item-other {
	margin-top: 6px;
	color: var(--jj-latest-posts-item-other);
}
